<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<div>商品编号:<span id="itemId"></span></div>
		<div>商品价格:<span id="itemPrice"></span></div>
	</body>
	<script>
		//ajax访问动态内容，七个参数（type,url,data,contentType,dataType,success,error(e)）
		//$.ajax()语法格式,里面参数是一个js对象{}
		$.ajax({
			type: "POST", //发起一个请求，是post类型，另外一种是get类型
			url: "https://p.3.cn/prices/mgets?",
			data: { //data的参数也是一个js对象
				"skuIds": "J_100005185603",
			},
			contentType: "application/json;charset=utf-8", //发送请求的类型
			dataType: "jsonp", //返回数据的类型
			success: function(data) { //data代表返回值，和上面的js对象不一样
				console.log("访问成功")
				console.log(data)
				var item = data[0]; //获取到这条记录

				var itemId = item.id;
				var itemPrice = item.p;
				console.log(itemId);
				console.log(itemPrice);

				var id = $("#itemId");
				id.text(itemId);
				id.css("color", "blue");

				var price = $("#itemPrice");
				price.text(itemPrice);
				price.css("color", "red");

			},
			error: function(e) {
				console.log("访问失败")

			}
		})
	</script>
</html>
